<template>
  <div>
  <div class="block" v-for="item in 4" :key="item" @click="testPaper">
    <el-timeline>
      <el-timeline-item  placement="top">
        <el-card>
          <div style="display: flex;justify-content: space-between">
            <div>
              <h4>SpringBoot面试题</h4>
              <p>王小虎 提交于 2018/4/12 20:46</p>
              <div style="margin-top: 50px">
                <icon class="el-icon-view"/><span>500</span>
                <icon style="margin-left: 10px" class="el-icon-chat-dot-square"/><span>200</span>
                <icon style="margin-left: 10px" class="el-icon-star-on"/><span>100</span>
              </div>
            </div>
            <div>
              <el-image
                style="width: 300px; height:150px"
                :src="src"
              />
            </div>
          </div>
        </el-card>
      </el-timeline-item>
    </el-timeline>
  </div>
  <div style="margin: 20px 40px;padding-bottom: 20px">
    <el-pagination
      background
      layout="prev, pager, next"
      :total="1000">
    </el-pagination>
  </div>
  </div>
</template>

<script>
    export default {
        name: "",
        data(){
          return{
            src: 'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg'
          }
        },
      methods:{
        testPaper(){
          const _this = this;
              _this.$router.push("/questionBank");
        }
      },
      mounted() {
      }
    }
</script>

<style scoped>
.block{
  margin-top: 30px;
  max-width:1150px;
  max-height: 300px;
}
</style>
